@import 'antd/es/style/themes/default.less';
.tab-bar {
  font-size: 0;
  color: #e1bd99;
  height: 100%;
  &::before {
    display: inline-block;

    height: 100%;

    content: '';
    vertical-align: middle;
  }
}

.tab-bar__tab {
  line-height: 32px;

  display: inline-block;

  height: 32px;
  margin-right: 8px;
  padding-right: 24px;
  padding-left: 16px;

  cursor: pointer;
  vertical-align: middle;

  border-radius: 16px;
  &.static {
    padding-right: 16px;
    &.active,
    &:hover {
      padding-right: 16px;
    }
  }
  &:hover {
    padding-right: 8px;

    color: @primary-color;
    background-color: @grey-3;
  }
  &.active {
    padding-right: 8px;

    color: @primary-color;
    background-color: #fff;
  }
  &:hover,
  &.active {
    .tab-bar__tab__icon {
      display: inline;
    }
  }
  &::before {
    display: inline-block;

    height: 100%;

    content: '';
    vertical-align: middle;
  }
  .is-home {
    font-size: @font-size-base;

    margin-right: 6px;

    vertical-align: middle;
  }
}
.tab-bar__tab__title {
  font-size: 16px;
  font-family:  "黑体", "SimHei", Arial, sans-serif;

  vertical-align: middle;
}
.tab-bar__tab__icon {
  font-size: @font-size-sm;

  display: none;

  margin-left: 4px;

  vertical-align: middle;
}
.tab-bar__more-btn {
  position: relative;

  display: inline-block;

  width: 24px;
  height: 24px;

  cursor: pointer;
  text-align: center;
  vertical-align: middle;

  color: #fff;
  border: 1px solid #d7b089;
  border-radius: @border-radius-base;
  // background-color: @grey-2;
  background: #56371a;
  &::before {
    display: inline-block;

    height: 100%;

    content: '';
    vertical-align: middle;
  }
  &.hasCurrentPage {
    color: #fff;
    background-color: @primary-color;
  }
  &.active {
    .tab-bar__more-btn__inner {
      transform: rotate(-180deg);
    }
  }
}
.tab-bar__more-btn__inner {
  font-size: @font-size-base;

  display: inline-block;

  transition: all .2s;
  vertical-align: middle;
}
.hide-tabs {
  font-size: @font-size-base;

  width: 200px;
}
.hide-tabs {
  li {
    line-height: 32px;

    position: relative;

    box-sizing: border-box;
    height: 32px;
    padding-right: 32px;

    cursor: pointer;
    &.active {
      color: #fff;
      background: @primary-color;
      .hide-tab__close-btn {
        color: #fff;
      }
    }
  }
}
.hide-tab__title {
  overflow: hidden;

  padding-left: 4px;

  white-space: nowrap;
  text-overflow: ellipsis;
}
.hide-tab__close-btn {
  line-height: 32px;

  position: absolute;
  top: 0;
  right: 0;

  width: 32px;
  height: 32px;

  text-align: center;

  color: @grey-6;
  &:hover {
    color: @error-color;
  }
}

.admin-other-page-box {
  .ant-popover-inner-content {
    overflow: auto;

    max-height: 200px;
  }
}
